<template>
  <ul>
    <li v-for="(item, index) in arr" :key="index">
      <span>{{ item.name }}</span>
      <span>{{ item.age }}</span>
    </li>
  </ul>
</template>

<script>
// 目标: 跨组件传值
// 1. 引入空白vue对象(EventBus)
// 2. 接收方 - $on监听事件
import eventBus from "../eventbus";

export default {
  name: 'PartTwoPanel',
  data() {
    return {
      arr: [
        {
          name: 'Jack',
          age: 99
        },
        {
          name: 'Tom',
          age: 100
        }
      ]
    }
  },
  // 3. 组件创建完毕, 监听send事件
  created() {
    // 监听
    eventBus.$on("send", (age) => {
      this.arr[0].age += age
      this.arr[1].age += age
    })
  }
}
</script>

<style scoped>
</style>
